<template>
  <div
    class="page"
    :style="{ height: clientHeight + 'px' }"
  >
    <FlowerHeader />
    <router-view />
    <FlowerFooter />
  </div>
</template>

<script>
import { ref } from "vue";
import FlowerHeader from "../components/FlowerHeader";
import FlowerFooter from "../components/FlowerFooter";
export default {
  name: "Home",
  components: {
    FlowerHeader,
    FlowerFooter,
  },
  setup() {
    const clientHeight = ref(document.documentElement.clientHeight);
    return {
      clientHeight,
    };
  },
};
</script>
<style scoped lang='scss'>
</style>
